<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title></title>
{include file="common/pub_style" /}
<link rel="stylesheet" href="__PLUGIN__/swiper/swiper-3.4.2.min.css" />
<script type="text/javascript" src="__PLUGIN__/swiper/swiper-3.4.2.min.js"></script>
<style type="text/css">
.header-wrap {background: #fff; color: #000}
.header-wrap a {color: #000}
.cate .item {
	padding: 10px;
	flex: 1;
	line-height: 25px;
}
.cate .arrow {height: 40px;}
.cate .down-arrow {-webkit-transform: rotate(180deg);    transform: rotate(180deg);}
.cate .icon {
	width: 60px;
	margin: 0 auto;
}
.cate .item .t2 {color: #b0b0b0;}
.list-coin {
	padding: 10px;
	border-top: 3px solid #ededed;
}

.list-coin .hd {
	padding: 10px;
	color: #7f7f7f
}

.list-coin .item {
	border-bottom: 1px solid #efeeee;
	padding: 15px;
}
.list-coin .item .t2 {color: #b0b0b0;}
.list-coin .item:LAST-CHILD {
	border-bottom: 0px;
}

.list-coin .item .persent {
	padding: 6px;
	color: #fff;
	border-radius: 4px;
	background: #00c483;
	text-align: center;
}
.list-coin .item .persent-red {background: #db5656!important}
</style>
<!--<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>-->
<script>LA.init({id:"3GxQNeNfYlSNf5lm",ck:"3GxQNeNfYlSNf5lm"})</script>
<script type="text/javascript">
    function getMarket() {
		$.ajax({
		    type: 'post',
		    url: "{:url('Okx/market',array('type'=>1))}",
		    dataType: "json",
		    data: $("form").serialize(),
		    success: function(res) {
		        $(".market1").html(res.result);
		    }
		});
    }
    function getMarket2() {
		$.ajax({
		    type: 'post',
		    url: "{:url('Okx/market',array('type'=>2))}",
		    dataType: "json",
		    data: $("form").serialize(),
		    success: function(res) {
		        $(".market2").html(res.result);
		    }
		});
    }
	// $(document).ready(function() {
	// 	getMarket();
	// 	var timerId = setInterval(getMarket, 5000);
	//
	// 	getMarket2();
	// 	//var timerId2 = setInterval(getMarket2, 5000);
	// })
</script>
<!--<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>-->
<script>LA.init({id:"K3bUBVlhuVxFTp7u",ck:"K3bUBVlhuVxFTp7u"})</script>
</head>
<body>
	<div class="header-wrap" style="position: inherit;">
		<div class='flex flex-between align-center pd10'>
			<div class='logo'>{$Think.lang.home}</div>
		{include file="common/lang" /}
		</div>
	</div>
	<!-- 首页banner _star -->
	<div class="swiper-container swiper-banner" style="margin: 10px; border-radius: 10px;">
		<div class="swiper-wrapper box_swipe" id="box_swipe">
			<div class="swiper-slide">
				<a href="{$vo.url}"> <img class="lazy" src="__PUBLIC__/image/62987bd7009c1.jpg" width="100%" />
				</a>
			</div>
			<div class="swiper-slide">
				<a href="{$vo.url}"> <img class="lazy" src="__PUBLIC__/image/62987bde108ce.jpg" width="100%" />
				</a>
			</div>
			<div class="swiper-slide">
				<a href="{$vo.url}"> <img class="lazy" src="__PUBLIC__/image/62987be5d79a9.jpg" width="100%" />
				</a>
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<!-- 首页banner _end -->
	<script>
		var swiper = new Swiper('.swiper-container', {
			pagination : '.swiper-pagination',
			paginationClickable : true,
			spaceBetween : 30,
			centeredSlides : true,
			autoplay : 2500,
			autoplayDisableOnInteraction : false
		});
	</script>
	<div class="cate">
		<div class="flex market2" style="overflow-x: scroll;">
		</div>
	</div>
	<div class="list-coin">
		<div class="hd flex">
			<div class="flex-block">{$Think.lang.coin_name}</div>
			<div class="flex-block tr">{$Think.lang.coin_price}</div>
			<!-- <div class="flex-block">{$Think.lang.coin_range}</div> -->
		</div>
		<div class="bd market1"></div>
	</div>

	{include file="common/footer_bar" /} {include file="common/footer" /}
</body>
</html>